let Charts = require('../../commen/utils/wxcharts.js');

var util = require('../../utils/util.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    curDate: {},
    time:'',
    name:"",
    dataList:[],
    tag:[],//1代表正确执行，绿色 2代表警告，黄色，3代表异常，红色
    condition:111,
    tttt:"警告：水分过少，需浇水"
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(option) {
    // 调用函数时，传入new Date()参数，返回值是日期和时间  
    var time = util.formatTime(new Date());
    var name2;
    if(option.name=="1"){
      name2 = "土壤湿度"
      //chart表格
      new Charts({
        canvasId: 'canvas2',
        dataPointShape: "circle",
        type: 'line',
        extra: {
          lineStyle: 'curve' //线条的形状（弧形）
        },
        categories: [time, '9.2', '9.3', '9.4', '9.5', '9.6'],
        series: [{
          name: name2,
          data: [0.15, null, 0.45, 0.37, 0.4, 0.8], //设置某一个值为null会出现断层
          format: function (val) {
            return val.toFixed(2) + '万';
          }
        }],
        yAxis: {
          title: '湿度/浇水量(升)',
          format: function (val) {
            return val.toFixed(2);
          },
          fontColor: "red",
          titleFontColor: "red",
          min: 0,
          gridColor: "red"
        },
        width: 270,
        height: 160,
        dataLabel: true
      });
    } else if (option.name == "2") {
      name2 = "温度"
      //chart表格
      new Charts({
        canvasId: 'canvas2',
        dataPointShape: "circle",
        type: 'line',
        extra: {
          lineStyle: 'curve' //线条的形状（弧形）
        },
        categories: [time, '9.2', '9.3', '9.4', '9.5', '9.6'],
        series: [{
          name: name2,
          data: [0.15, null, 0.45, 0.37, 0.4, 0.8], //设置某一个值为null会出现断层
          format: function (val) {
            return val.toFixed(2) + '万';
          }
        }],
        yAxis: {
          title: '光照强度',
          format: function (val) {
            return val.toFixed(2);
          },
          fontColor: "red",
          titleFontColor: "red",
          min: 0,
          gridColor: "red"
        },
        width: 270,
        height: 160,
        dataLabel: true
      });
    } else if (option.name == "3") {
      name2 = "光照强度"
      //chart表格
      new Charts({
        canvasId: 'canvas2',
        dataPointShape: "circle",
        type: 'line',
        extra: {
          lineStyle: 'curve' //线条的形状（弧形）
        },
        categories: [time, '9.2', '9.3', '9.4', '9.5', '9.6'],
        series: [{
          name: name2,
          data: [0.15, null, 0.45, 0.37, 0.4, 0.8], //设置某一个值为null会出现断层
          format: function (val) {
            return val.toFixed(2) + '万';
          }
        }],
        yAxis: {
          title: '光强',
          format: function (val) {
            return val.toFixed(2);
          },
          fontColor: "red",
          titleFontColor: "red",
          min: 0,
          gridColor: "red"
        },
        width: 270,
        height: 160,
        dataLabel: true
      });
    }
    // 再通过setData更改Page()里面的data，动态更新页面的数据  
    this.setData({
      time: time,
      name:name2,
    });  
    console.log(name2)
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})